<template>
  <div class="Home">

    <div class="swiper-container banner">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="../images/banner.jpg" alt="" />
        </div>
        <div class="swiper-slide">
          <img src="../images/banner.jpg" alt="" />
        </div>
        <div class="swiper-slide">
          <img src="../images/banner.jpg" alt="" />
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>

      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>


    <div class="companyIntro container clearfix">
      <img src="../images/pic1.jpg" class="fr wow slideInRight" data-wow-duration="0.5s" data-wow-offset="10" />
      <div class="companyTxt fl wow slideInLeft" data-wow-duration="0.5s" data-wow-offset="10">
        <h4>企 业 介 绍</h4>
        <h5>江苏大金建设工程有限公司</h5>
        <p>始创于2009年，其前身为江苏广兴集团有限公司第二分公司。位于江苏省句容市后白镇湖滨路1号，注册资本10688万元。公司拥有房屋建筑工程施工总承包、市政公用工程施工总承包二级资质；装饰装修工程、防腐保温工程专业承包贰级......</p>
        <a href="" class="btnMore">了解更多</a>
      </div>
    </div>

    <div class="row ourProduct bg1">
      <div class="container">
        <div class="rhd">
          <p class="en">Main business</p>
          <h5>主 营 业 务</h5>
        </div>
        <ul class="list ourProductlist clearfix">
          <li class="wow fadeInRight" data-wow-duration="0.6s" data-wow-delay="0.2s">
            <a href="" class="block">
              <i class="sic1"></i>
              <h5>房屋建筑工程施工总承包</h5>
              <p>Building works</p>
            </a>
          </li>
          <li class="wow fadeInRight" data-wow-duration="0.6s" data-wow-delay="0.4s">
            <a href="" class="block">
              <i class="sic2"></i>
              <h5>市政公用工程施工总承包</h5>
              <p>Public works</p>
            </a>
          </li>
          <li class="wow fadeInRight" data-wow-duration="0.6s" data-wow-delay="0.6s">
            <a href="" class="block">
              <i class="sic3"></i>
              <h5>装饰装修工程</h5>
              <p>Decoration project</p>
            </a>
          </li>
          <li class="wow fadeInRight" data-wow-duration="0.6s" data-wow-delay="0.8s">
            <a href="" class="block">
              <i class="sic4"></i>
              <h5>钢结构工程</h5>
              <p>Steel structure engineering</p>
            </a>
          </li>
          <li class="wow fadeInRight" data-wow-duration="0.6s" data-wow-delay="1s">
            <a href="" class="block">
              <i class="sic5"></i>
              <h5>地基与基础工程</h5>
              <p>Foundation work</p>
            </a>
          </li>
        </ul>
      </div>
    </div>

    <div class="newsState container row">
      <div class="rhd">
        <p class="en">News information</p>
        <h5>资 讯 中 心</h5>
      </div>
      <div class="rbd clearfix wow zoomIn">
        <div class="fl imgbox" id="J_imgbox">
          <div>
            <ul class="imglist clearfix list">
              <li>
                <a href="" class="block"><img src="../images/pic2.jpg" /><span class="block">银保监会提示互联网保险三大风险</span></a>
              </li>
<!--              <li>-->
<!--                <a href="" class="block"><img src="../images/pic2.jpg" /><span class="block">银保222监会提示互联网保险三大风险</span></a>-->
<!--              </li>-->
            </ul>
          </div>
          <div class="pages">
            <span class="current"></span>
            <span></span>
          </div>
        </div>
        <!--imgbox-->
        <ul class="fr newslist">
          <li class="clearfix">
            <div class="fl date">
              <em class="day">13</em>
              <em class="month">2018-08</em>
            </div>
            <div class="newstxt fl">
              <h4><a href="">珠三角中小企业断粮断工 转型剧痛  </a></h4>
              <p>
                <a href="">近日，长沙市国家安全局查处一起故意阻碍国家安全机关依法执行任务及泄露有关反间谍工作国家秘密案件，对某保险公司湖南分公司下属营业部...</a>
              </p>
            </div>
          </li>
          <li class="clearfix">
            <div class="fl date">
              <em class="day">13</em>
              <em class="month">2018-08</em>
            </div>
            <div class="newstxt fl">
              <h4><a href="">长沙一保险公司经理故意泄露反间谍案件 被行拘15日</a></h4>
              <p>
                <a href="">近日，长沙市国家安全局查处一起故意阻碍国家安全机关依法执行任务及泄露有关反间谍工作国家秘密案件，对某保险公司湖南分公司下属营业部...</a>
              </p>
            </div>
          </li>
          <li class="clearfix">
            <div class="fl date">
              <em class="day">13</em>
              <em class="month">2018-08</em>
            </div>
            <div class="newstxt fl">
              <h4><a href="">长沙一保险公司经理故意泄露反间谍案件 被行拘15日</a></h4>
              <p>
                <a href="">近日，长沙市国家安全局查处一起故意阻碍国家安全机关依法执行任务及泄露有关反间谍工作国家秘密案件，对某保险公司湖南分公司下属营业部...</a>
              </p>
            </div>
          </li>
        </ul>
      </div>
      <p class="ope">
        <a href="" class="btnMore">了解更多</a>
      </p>
    </div>

    <div class="parter row bg1">
      <div class="container">
        <div class="rhd">
          <p class="en">engineering case</p>
          <h5>工 程 案 例</h5>
        </div>
        <ul class="parterlist clearfix list wow zoomIn">
          <li>
            <a href="" class="block">
              <div class="caseImg">
                <img src="../images/case1.jpg" />
              </div>
              <p>灌云伊和苑小区</p>
            </a>
          </li>
          <li>
            <a href="" class="block">
              <div class="caseImg">
                <img src="../images/case2.jpg" />
              </div>
              <p>句容台北上上城</p>
            </a>
          </li>
          <li>
            <a href="" class="block">
              <div class="caseImg">
                <img src="../images/case3.jpg" />
              </div>
              <p>空军某部综合食堂</p>
            </a>
          </li>
          <li>
            <a href="" class="block">
              <div class="caseImg">
                <img src="../images/case4.jpg" />
              </div>
              <p>南空上海枣阳路经济适用房</p>
            </a>
          </li>
        </ul>
        <p class="ope">
          <a href="" class="btnMore">了解更多</a>
        </p>
      </div>
    </div>




  </div>
</template>

<script>
  import Swiper from 'swiper';

  export default {
  name: 'index',
  data() {
    return {

    };
  },
    mounted() {
      this.initSwiper();
    },
    methods: {
    initSwiper() {
      new Swiper ('.banner', {
        loop: true,
        // 如果需要分页器
        pagination: '.swiper-pagination',
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
      })
    }
  }
};
</script>

<style scoped>

</style>
